import React, { Component } from "react"
import RangeContainer from '../../../containers/rangeContainer'
import Footer from '../../../components/footer/footer'
import '../../../components/footer/footer.css'
import '../../fonts/iconfont.css'
import './range.css'


class Range extends Component {
    // componentDidMount() {
    //     console.log(this.props)
    // }
    goback(){
      
        this.props.history.go(-1)
    }
    render() {

        return (
            <div id="rangeWrap">
                <div id="bang">
                    <div>
                        <span className="iconfont icon-houtui" onClick={this.goback.bind(this)}></span>

                        <span>排行榜</span>
                        <span className="iconfont icon-paihangbang"></span>

                    </div>
                    <h3>官方榜</h3>
                </div>
                <RangeContainer />

                <Footer />
            </div>
        )
    }
}

export default Range